<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header" th:content="${_csrf.headerName}"/>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>虹软众包</title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!--project.css-->
    <link href="css/project.css" rel="stylesheet">
    <!--info.css-->
    <link href="css/info.css" rel="stylesheet"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--jquery:cookie-->
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">发现</span>
                <span class="icon-bar">最新</span>
                <span class="icon-bar">挑战</span>
                <span class="icon-bar">我的</span>
            </button>
            <a class="navbar-brand" href="#"><img alt="brand" src="img/ArcSoftLogo.png"/></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse " id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">发现 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">最新</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">挑战 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">视觉人工智能</a></li>
                        <li><a href="#">计算摄影</a></li>
                        <li><a href="#">人脸技术</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">智能摄影</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">物体识别</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left" id="search_form">
                <div class="form-group">
                    <input id="search" type="text" class="form-control" placeholder="Search">
                </div>
                <button type="button" class="btn btn-default" onclick="searchInfo(1);">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">公告</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span th:text="${userName}"></span><span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="/staff" sec:authorize="hasRole('ROLE_USER')" >个人资料</a></li>
                        <li><a href="/manager" sec:authorize="hasRole('ROLE_ADMIN')" >管理界面</a></li>
                        <li><a href="/admin" sec:authorize="hasRole('ROLE_SUPERADMIN')" >超级管理界面</a></li>
                        <li><a href="#">项目</a></li>
                        <li><a href="#">关注</a></li>
                        <li><a href="#">通知</a></li>
                        <li role="separator" class="divider"></li>
                        <!--<li><button id="exit">退出</button></li>-->
                        <li><form th:action="@{/logout}" method="post">
                            <input type="submit" value="退出登录" id="exit"/>
                        </form></li>
                    </ul>

        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
    </nav>
    <div class="container">
        <div class="row content">
            <div class="col-md-12">
                <div class="my-row" id="select">
                    <form class="form-horizontal my-row" id="project_form">
                        <div class="form-group">
                            <p class="form-control-static">
                            <label class="checkbox-inline">项目分类:</label>
                            <label class="checkbox-inline">
                                <input type="checkbox"  value="网站开发" name="_category"> 网站开发
                            </label>

                            <label class="checkbox-inline">
                                <input type="checkbox" value="移动开发" name="_category"> 移动开发
                            </label>

                            <label class="checkbox-inline">
                                <input type="checkbox" value="微信/小程序开发" name="_category"> 微信/小程序开发
                            </label>

                            <label class="checkbox-inline">
                                <input type="checkbox" value="人工智能" name="_category"> 人工智能
                            </label>

                            <label class="checkbox-inline">
                                <input type="checkbox" value="算法" name="_category"> 算法
                            </label>

                            <label class="checkbox-inline">
                                <input type="checkbox" value="嵌入式系统" name="_category">嵌入式系统
                            </label>
                                <label class="checkbox-inline">
                                    <input type="checkbox" value="其他" name="_category">其他
                                </label>
                            </p>
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">项目状态:</label>
                            <label class="radio-inline">
                                <input type="radio" value="报名中" name="_state"> 报名中
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="实施中" name="_state"> 实施中
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="已完成" name="_state"> 已完成
                            </label>
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">项目金额:</label>
                            <label class="radio-inline">
                                <input type="radio" value="1000-" name="_amount"> 1k以下
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="1000-4000" name="_amount"> 1k~4k
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="4000-7000" name="_amount"> 4k~7k
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="7000-10000" name="_amount"> 7k~10k
                            </label>
                            <label class="radio-inline">
                                <input type="radio" value="10000+" name="_amount"> 10k以上
                            </label>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-1 col-sm-11 text-right">
                                <button type="button" name="search_submit" class="btn btn-default" id="sure_submit" onclick="submitInfo(1);">确定</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="my-row" id="sort">
                    <strong>排序：</strong><label><a href="javascript:void(0)" id="amount_sort" onclick="sortAmount(1)">价格排序</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:void(0)" id="time_sort" onclick="sortTime(1)">时间排序</a> </label>
                </div>
                <div class="my-row" id="put_word">

                </div>
                <div class="my-row" id="pagi-father">
                    <div id="pagination">
                        <a id="firstPage">首页</a>
                        <a id="prePage">上一页</a>
                        <a class="current">1</a>
                        ...
                        <a>5</a>
                        <a>6</a>
                        <a>7</a>
                        <a>8</a>
                        <a>9</a>
                        <a id="nextPage">下一页</a>
                        <a id="lastPage">尾页</a>
                        <span class="totalPages">
            共<span>5</span>页
        </span>
                        <span class="totalSize">
            共<span>90</span>条记录
        </span>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <div class="foot">
        <p class="text-center">Copyright &copy; 2018 智能外包管理平台. All Rights Reserved | Design by <span>杨玉卿&张海洋&田宇</span></p>
    </div>
    <!--js-->
    <script src="js/project_request.js"></script>
    <script src="js/plugs_paging.js"></script>
</body>
</html>